<extend name="Public/base"/>

<block name="body">
    <!-- 标题栏 -->
    <div class="main-title">
        <h2>[站内信] 列表</h2>
    </div>
    <div class="fl button_list">
        <button  class="btn ajax-post confirm red" target-form="ids" url="{:U('read')}">标记已读</button>
    </div>
    <div class="cf top_nav_list">
        <!-- 高级搜索 -->
        <div class="search-form fr cf">
            {:W('Search/game_list')}
            {:W('Search/promote_list')}
            <div class="sleft">
                <input type="text" name="content" class="search-input" value="{:I('content')}" placeholder="请输入内容">
            </div>
            <div class="input-list">
                <a class="sch-btn" href="javascript:;" id="search" url="{:U('Msg/lists')}">搜索</a>
            </div>
        </div>
    </div>


    <!-- 数据列表 -->
    <div class="data-table">
        <div class="data-table table-striped">
            <table>
                <!-- 表头 -->
                <thead>
                <tr>
                    <th style="text-align:center" class="row-selected row-selected">
                        <input class="check-all" type="checkbox">
                    </th>
                    <th style="text-align:center">ID</th>
                    <th style="text-align:center">内容</th>
                    <th style="text-align:center">发送时间</th>
                    <th style="text-align:center">状态</th>
                </tr>
                </thead>

                <!-- 列表 -->
                <tbody>
                <volist name="list_data" id="data">
                    <tr>
                        <td style="border-right:1px solid #DDDDDD;text-align:center"><input class="ids" type="checkbox" value="{$data['id']}" name="ids[]"></td>
                        <td style="border-right:1px solid #DDDDDD;text-align:center">{$data.id}</td>
                        <td style="border-right:1px solid #DDDDDD;text-align:center"><eq name="data.status" value="2"><a href="{:U('read',array('ids'=>$data['id']))}"></eq>{$data.content}</a></td>
                        <td style="border-right:1px solid #DDDDDD;text-align:center">{:set_show_time($data['create_time'])}</td>
                        <td style="border-right:1px solid #DDDDDD;text-align:center">{:get_info_status($data['status'],13)}</td>
                    </tr>
                </volist>
                </tbody>
            </table>
        </div>
    </div>
    <div class="page">
        {$_page|default=''}
    </div>
</block>

<block name="script">
    <link href="__STATIC__/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
    <php>if(C('COLOR_STYLE')=='blue_color') echo '<link href="__STATIC__/datetimepicker/css/datetimepicker_blue.css" rel="stylesheet" type="text/css">';</php>
    <link href="__STATIC__/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
    <script type="text/javascript">
        //导航高亮
        highlight_subnav('{:U('Msg/lists')}');
        $(function(){
            //搜索功能
            $("#search").click(function(){
                var url = $(this).attr('url');
                var query  = $('.search-form').find('input').serialize();
                query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g,'');
                query = query.replace(/^&/g,'');
                if( url.indexOf('?')>0 ){
                    url += '&' + query;
                }else{
                    url += '?' + query;
                }
                window.location.href = url;
            });

            //回车自动提交
            $('.search-form').find('input').keyup(function(event){
                if(event.keyCode===13){
                    $("#search").click();
                }
            });
            $('#time-start').datetimepicker({
                format: 'yyyy-mm-dd',
                language:"zh-CN",
                minView:2,
                autoclose:true
            });

            $('#datetimepicker').datetimepicker({
                format: 'yyyy-mm-dd',
                language:"zh-CN",
                minView:2,
                autoclose:true,
                pickerPosition:'bottom-left'
            })

            function read(){

            }
        })
    </script>
</block>
